<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-touch-fullscreen" content="yes" />
		<meta name="format-detection" content="telephone=no"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="msapplication-tap-highlight" content="no" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width, viewport-fit=cover" />
		<title>启蒙优选-创始顾问招募</title>
		<link rel="stylesheet" href="__TMPL__/home/public/assets/css/style.css" />
	</head>
	<style>
		html,body{background-color:#fce077;background-image:url({$logo});background-size: 100% auto;background-repeat: no-repeat;min-height: 100vh;}
	</style>
	<body>
		<!-- 0元学 --> 
		<div class="recruitIndex">
			<div class="content">
				<div class="title">
					<p>购买任一<i>0.01元</i>及以上课程即可成为顾问</p>
					<if condition="$if_click eq 1">
						<button><a href="/apply_act_one" style="color: white;">立即报名</a></button>
					<elseif  condition="$if_click eq 2">
						<button style="background:#DEDEDE;color:#999" class="clickTypeToast">立即报名</button>
					<else />
						<button style="background:#DEDEDE;color:#999">您已参与，无需报名</button>
					</if>
				</div>
				<div class="howToSuccess">
					<h3><i>如何成为顾问</i></h3>
					<p>1.内测期间，前<i>2万</i>名会员购买任一<i>0.01元</i>课程，即可成为顾问，永久享受自购/推广优惠特权；<br>（正式上线后自购<i>99元以上</i>才能成为顾问）</p>
					<p>2.购买0.01元课程后，点击本页面“立即报名”按钮，<i>完成报名流程后</i>，立即成为顾问。</p>
				</div>

				<div class="curriculum_box">
					<h2><i>0.01元好课</i></h2>
					<foreach name="course_list" item="vo">
						<a href="./course_details?course_id={$vo.id}&invite_code={$invite}">
						<div class="item flex alitemCenter">
						<div class="curriculumImg"><img src="{$vo.xt_logo}" alt=""></div>
						<div class="curriculumInfo">
							<h3>{$vo.title}</h3>
							<div class="typeList flex flexWrap alitemCenter">
								<foreach name="vo.label" item="lo">
									<span>{$lo.label}</span>
								</foreach>
								
							</div>
							<div class="curriculumMoney flex juscbtween">
								<div class="left">
									<b><i>￥</i>{$vo.sell_money}</b>
									<span>￥{$vo.original_money}</span>
								</div>
								<button>马上抢</button>
							</div>
						</div>
						</div>
						</a>
					</foreach>
					
				</div>


				<div class="curriculum_box">
					<h2><i>爆款好课</i></h2>
				
					<foreach name="course_list_two" item="vo">
						<a href="./course_details?course_id={$vo.id}&invite_code={$invite}">
						<div class="item flex alitemCenter">
						<div class="curriculumImg"><img src="{$vo.xt_logo}" alt=""></div>
						<div class="curriculumInfo">
							<h3>{$vo.title}</h3>
							<div class="typeList flex flexWrap alitemCenter">
								<foreach name="vo.label" item="lo">
									<span>{$lo.label}</span>
								</foreach>
								
							</div>
							<div class="curriculumMoney flex juscbtween">
								<div class="left">
									<b><i>￥</i>{$vo.sell_money}</b>
									<span>￥{$vo.original_money}</span>
								</div>
								<button>马上抢</button>
							</div>
						</div>
						</div>
						</a>
					</foreach>

				</div>
			</div>
		</div>
	</body>
	<script rel="stylesheet" src="__TMPL__/home/public/assets/js/jquery-2.0.3.min.js"></script>
	<script rel="stylesheet" src="__TMPL__/home/public/assets/js/layer/layer.js"></script>
	<script>
		$(function(){
			$('.clickTypeToast').click(function(){
				return layer.msg('购买课程后可报名！')
			})
		})
	</script>
</html>
